<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>计算器</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/info-mgt.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath }/css/base.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath }/css/info-reg.css" />
    <link href="css/zzsc.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/zzsc.js"></script>
	<style type="text/css">
		.article .title{ line-height:33px; background:url(${pageContext.request.contextPath }/images/righttitlebig.png) repeat-x; border:1px solid #c1d3de; overflow:visible;}
        .article .title h2{ margin-left:7px; padding-left:22px; font-weight:bold; font-size:14px; font-family:'瀹嬩綋'; color:#000000; background:url(${pageContext.request.contextPath }/images/titleico.png) no-repeat left center;}
	</style>
  </head>
  
  <body style="background-color: white">
  	<div class="title">
    	<h2>计算器</h2>
    </div>
    <div class="calBox">	
    <div class="calu">
    	<input type="text" id="text">    	
        <ul class="one clearfix">
            <li class="orange on">开机</li>
            <li class="orange off">关机</li>
            <li class="orange clea">清屏</li>
            <li class="black zheng">+/-</li>
            <li class="black rec">1/x</li>
            <li class="num">7</li>
            <li class="num">8</li>
            <li class="num">9</li>
            <li class="gray oper">/</li>
            <li class="black oper">%</li>
            <li class="num">4</li>
            <li class="num">5</li>
            <li class="num">6</li>
            <li class="gray oper">*</li>
            <li class="black sq">√</li>           
            <!--  -->           
        </ul>
        <div class="clearfix">
            <div class="twoBox fl">
            	<ul class="one fl two">
                    <li class="num">1</li>
                    <li class="num">2</li>
                    <li class="num">3</li>
                    <li class="gray oper">-</li>
                    <li class="zero num">0</li>
                    <li class="num">.</li>
                    <li class="gray oper">+</li>
                </ul>
            </div>
            <ul class="one three clearfix fl">
                <li class="black deng fl">=</li>
            </ul>        
        </div>
   	 </div>
	</div>
	<input type="text" id="per" style="display:none">
	<input type="text" id="text1" style="display:none">
	<div style="text-align:center;clear:both"></div>
  </body>
</html>
